@charset "utf-8";

/*html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*reset*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset,input,textarea {margin: 0;padding: 0;}
img, fieldset {border: 0;}
html{ font-size:100px; font-family:'\5FAE\8F6F\96C5\9ED1',Droid Sans Fallback,'Helvetica Neue', Helvetica;}
body {font-size:14px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a {text-decoration: none;outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover {text-decoration:none;}
ul, ol ,li{ list-style:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
input,textarea,select{outline: none;-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box;font-size-adjust:none; font-stretch:normal; -webkit-tap-highlight-color:rgba(0,0,0,0);font-family:'\5FAE\8F6F\96C5\9ED1',Droid Sans Fallback,'Helvetica Neue', Helvetica; -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  -o-appearance: none;  appearance: none;}
input:focus,textarea:focus,select{ outline:0; }
a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover, a:active,a:focus{ outline: 0; }

@media all and (max-width:359px)
{
	html{ font-size:50px; }
}

@media all and (min-width:360px) and (max-width:413px)
{
	html{ font-size:46px; }
}
@media all and (min-width:414px) and (max-width:479px)
{
	html{ font-size:64px; }
}
@media all and (min-width:480px) and (max-width:539px)
{
	html{ font-size:75px; }
}
@media all and (min-width:540px) and (max-width:639px)
{
	html{ font-size:84px; }
}
@media all and (min-width:640px) and (max-width:719px)
{
	html{ font-size:100px; }
}
@media all and (min-width:720px)
{
	html{ font-size:112px; }
}

body{ background-color:#f4f4f4; }


/*area_panel*/
.area_panel{ position:absolute; left:0; right:0; bottom:0; background-color:#fff; z-index:10002; }
.area_panel>header{ height:0.8rem; line-height:0.8rem; display:box; display:-moz-box; display:-webkit-box; box-align:center; -moz-box-align:center; -webkit-box-align:center; border-bottom:1px solid #e5e5e5; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.area_panel>header span{ display:block; height:0.8rem; line-height:0.8rem; font-size:0.3rem; color:#171d25; }
.area_panel>header span.btn_cancel,.area_panel>header span.btn_sure{ padding:0 0.25rem; }
.area_panel>header span.space{ -webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;-o-box-flex: 1;box-flex: 1;}
.area_panel>section{ height:4rem; overflow:hidden; display:box; display:-moz-box; display:-webkit-box; padding:0.3rem 0; position:relative;-webkit-mask-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.9) 50%, rgba(255,255,255,0));transform-style: preserve-3d;}
.list_area{ width:1%; height:100%; font-size:0.28rem; color:#000; -webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;-o-box-flex: 1;box-flex: 1;  overflow:hidden; position:relative; z-index:1003; perspective: 500;
 }
.list_area ul{ height:100%; overflow-y:auto; }
.list_area li{ height:0.8rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.area_panel>section:before{ display:block; content:""; position:absolute; left:0; right:0; top:1.9rem; height:0.8rem; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }

